﻿<div class="comment-area">
    <h2>
        Nếu giao dịch tốt <span>Hãy cho ý kiến về giao dịch này</span></h2>
    <div class="comment-box">
        <div class="avatar-commenter">
            <a href="#">
                <img src="@Url.Content("~/Content/ImgResource/skyhigh1.jpg")" alt="skyhigh1.jpg" /></a>
        </div>
        <div class="text-area-box">
            <div class="text-area-arrow">
            </div>
            <textarea id="txtPostComment" rows="10" cols="100"></textarea>
        </div>
        <div class="comment-control">
            <div class="comment-button">
                <input type="button" class="btn" id="btnPostComment" value="Gửi ý kiến" />
            </div>
        </div>
    </div>
    <ul>
        <li>
            <div class="avatar-commenter">
                <a href="#">
                    <img src="@Url.Content("~/Content/ImgResource/skyhigh1.jpg")" alt="test" /></a>
            </div>
            <div class="comment-detail">
                <div class="comment-arrow">
                </div>
                <div class="comment-info">
                    <a href="#">Obama</a><label>vào lúc</label><span>3:10 - 11/1/2014</span>
                </div>
                <p class="comment-content">
                    Như shit, anh hùng bàn phím, HaiVL
                </p>
                <div class="comment-detail-tool">
                    <span><a class="link-reply" href="#">Trả lời</a></span>
                </div>
            </div>
            <ul>
                <li>
                    <div class="reply-arrow">
                    </div>
                    <div class="avatar-commenter">
                        <a href="#">
                            <img src="@Url.Content("~/Content/ImgResource/avatar.png")" alt="avatar.png"/></a>
                    </div>
                    <div class="comment-detail">
                        <div class="comment-arrow">
                        </div>
                        <div class="comment-info">
                            <a href="#">Obama</a><label>vào lúc</label><span>3:10 - 11/1/2014</span>
                        </div>
                        <p class="comment-content">
                            Như shit, anh hùng bàn phím, HaiVL
                        </p>
                    </div>
                </li>
            </ul>
        </li>
        <li>
            <div class="avatar-commenter">
                <a href="#">
                    <img src="@Url.Content("~/Content/ImgResource/skyhigh1.jpg")" /></a>
            </div>
            <div class="comment-detail">
                <div class="comment-arrow">
                </div>
                <div class="comment-info">
                    <a href="#">Obama</a><label>vào lúc</label><span>3:10 - 11/1/2014</span>
                </div>
                <p class="comment-content">
                    Như shit, anh hùng bàn phím, HaiVL
                </p>
                <div class="comment-detail-tool">
                    <span><a class="link-reply" href="#">Trả lời</a></span>
                </div>
            </div>
            <ul>
                <li>
                    <div class="reply-arrow">
                    </div>
                    <div class="avatar-commenter">
                        <a href="#">
                            <img src="@Url.Content("~/Content/ImgResource/avatar.png")" /></a>
                    </div>
                    <div class="comment-detail">
                        <div class="comment-arrow">
                        </div>
                        <div class="comment-info">
                            <a href="#">Obama</a><label>vào lúc</label><span>3:10 - 11/1/2014</span>
                        </div>
                        <p class="comment-content">
                            Như shit, anh hùng bàn phím, HaiVL, Như shit, anh hùng bàn phím, HaiVL, Như shit,
                            anh hùng bàn phím, HaiVL
                        </p>
                    </div>
                </li>
                <li>
                    <div class="reply-arrow">
                    </div>
                    <div class="avatar-commenter">
                        <a href="#">
                            <img src="@Url.Content("~/Content/ImgResource/avatar.png")" /></a>
                    </div>
                    <div class="comment-detail">
                        <div class="comment-arrow">
                        </div>
                        <div class="comment-info">
                            <a href="#">Obama</a><label>vào lúc</label><span>3:10 - 11/1/2014</span>
                        </div>
                        <p class="comment-content">
                            Như shit, anh hùng bàn phím, HaiVL
                        </p>
                    </div>
                </li>
            </ul>
        </li>
        <li>
            <div class="avatar-commenter">
                <a href="#">
                    <img src="@Url.Content("~/Content/ImgResource/skyhigh1.jpg")" /></a>
            </div>
            <div class="comment-detail">
                <div class="comment-arrow">
                </div>
                <div class="comment-info">
                    <a href="#">Obama</a><label>vào lúc</label><span>3:10 - 11/1/2014</span>
                </div>
                <p class="comment-content">
                    Như shit, anh hùng bàn phím, HaiVL
                </p>
                <div class="comment-detail-tool">
                    <span><a class="link-reply" href="#">Trả lời</a></span>
                </div>
            </div>
        </li>
    </ul>
    <div class="clearfix">
    </div>
    <div class="pager-control">
        <a href="#" id="load-more" class="btn">Xem tiếp</a>
    </div>
</div>
